<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery('#slides1').skdslider({delay:8000, animationSpeed: 1000,showNextPrev:true,showPlayButton:false,autoSlide:true,animationType:'sliding'});
		});
</script>
<style type="text/css">
    .skdslider{height:400px;max-width: 1440px;margin: 0 auto;}
</style>
<div id="banner">
    <div class="skdslider-container">
        <center>
        <ul id="slides1" class="slides">
         <?php
         foreach($banners as $key => $item)
         {
            echo '<li><img src="'.base_url().'media/images/banner/'.$item['path'].'" alt="'.$item['path'].'" title="'.$item['title'].'" /></li>';
         }
         ?>
        </ul>
        </center>
    </div>
</div>